.Layabox-web {
    width: 100%;
    //  height: 3000px;
    margin: 0 auto;
    font-family: "微软雅黑";
    .navbar-default {
        border: none;
    }
    .header-img {
        width: 100%;
        background: #2b80d9;
        div {
            width: 67.4%;
            padding-top: 45.63%;
            margin: 0 auto;
            position: relative;
            img {
                width: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-image: url(../img/11.png);
            }
        }
    }
    .daohang {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 5;
        .kuan {
            padding-left: 220px;
            .con1 {
                img {
                    vertical-align: middle;
                    margin-top: 10px;
                }
            }
            .daosao {
                text-align: center;
                float: left;
                .fanyi {
                    margin-left: 30px;
                }
            }
        }
    }
    //  列表
    .layaflash {
        width: 100%;
        border: 1px solid lightgray;
        padding-left: 150px;
        padding-bottom: 100px;
        background: url(../img/shouji_03.jpg) no-repeat 830px 80px #fbfaf7;
        .yq_title,
        .yq_list {
            width: 100%;
        }
        //     <!--LayaFlash 引擎标题-->
        .yq_title {
            font-family: "微软雅黑";
            line-height: 70px;
            h1 {
                font-size: 45px;
                font-weight: bold;
                color: #2b80da;
                margin-top: 90px;
            }
            p {
                font-size: 28px;
                color: #666666;
            }
        }
        //     下面列表
        .yq_list {
            margin-top: 25px;
            div.col-md-6 {
                height: 100px;
                margin: 0 auto 15px;
                text-align: center;
                overflow: hidden;
            }
            .Img {
                width: 63px;
                height: 64px;
                background: #2b80d9;
                border-radius: 5px;
                text-align: center;
                transition: all 0.5s;
                float: left;
                margin: 21px -13px 0px;
            }
            .yq_list .col-md-6 .Img:hover {
                background: #b0adad;
                transform: rotate(360deg);
            }
            .text {
                width: 77%;
                float: right;
                text-align: left;
                line-height: 25px;
                h3 {
                    font-size: 18px;
                    color: #333333;
                }
                p {
                    font-size: 14px;
                    color: #666666;
                }
            }
            .yq_list .row .Img,
            .text {
                display: inline-block;
            }
        }
    }
    .layaflash .yq_list .row {
        margin-bottom: 20px;
    }
    //    layabox优势  
    .laya-ascendancy {
        padding-bottom: 80px;
        .col-sm-5 {
            text-align: center;
            margin-top: 15%;
        }
        .col-sm-7 {
            margin-top: 8%;
            p {
                font-size: 46px;
                font-weight: bold;
                color: #8fc31f;
                margin-bottom: 5%;
            }
            .son {
                font-size: 12px;
                color: #666666;
                margin-bottom: 3%;
                .son1,
                .son2 {
                    display: inline-block;
                }
                .son1 {
                    margin-right: 0;
                }
            }
        }
    }
    //  layabox产品家族
    .layabox-jiazu {
        background: #0079d7;
        width: 100%;
        margin: 0 auto;
        padding-left: 100px;
        padding-top: 110px;
        padding-bottom: 100px;
        .section {
            width: 80%;
            margin: 0 auto;
        }
        .col-sm-12 {
            text-align: center;
            font-size: 48px;
            color: white;
            margin-bottom: 40px;
        }
        //      .row:nth-child(2){
        //          padding-left: 10%;
        //      }
        .row .col-sm-6 {
            height: 180px;
            margin: 0 auto;
            margin-bottom: 10px;
            .row .son1 {
                margin-top: 30px;
                img {
                    margin-left: 20px;
                }
            }
            .son2 {
                text-align: left;
                line-height: 30px;
                float: right;
                h3 {
                    font-size: 30px;
                    color: white;
                    font-family: "Arial";
                }
                p {
                    font-size: 14px;
                    color: #eff6fc;
                    width: 80%;
                }
            }
        }
    }
    //  精彩游戏
    .layabox-youxi {
        width: 70%;
        margin: 0 auto;
        padding-top: 50px;
        padding-bottom: 50px;
        .row .vide {
            img {
                width: 100%;
            }
        }
        span:first-child {
            font-size: 35px;
        }
        span:last-child {
            float: right;
        }
        .col-sm-7 {
            text-align: center;
        }
    }
    //合作伙伴
    .layabox-hezuo {
        width: 100%;
        margin: 0 auto;
        ;
        background: #f4f4f4;
        padding-top: 40px;
        span:first-child {
            font-size: 30px;
            margin-left: 10px;
        }
        span:last-child {
            font-size: 10px;
            color: #969696;
        }
        .fenlie {
            width: 75%;
            margin: 0 auto;
            padding-bottom: 30px;
            div {
                margin-bottom: 20px;
                //          width: 14%;
                //          margin-right: 20px;
                img {
                    border: 1px solid gainsboro;
                }
            }
        }
    }
    .layabox-foot {
        width: 100%;
        background: #3b3b3b;
        color: #a1a3ab;
        font-size: 12px;
        height: 100px;
        padding-top: 30px;
        position: relative;
        p {
            margin-left: 180px;
        }
        .dibutupian {
            >div {
                display: inline-block;
            }
            position: absolute;
            right: 200px;
            top: 40px;
            >div:first-child:hover {
                .shangwu {
                    display: block;
                }
            }
            >div:nth-child(2):hover {
                .shangwu2 {
                    display: block;
                }
            }
            >div:last-child:hover {
                .shangwu3 {
                    display: block;
                }
            }
            .see {
                cursor: pointer;
                position: absolute;
                top: -150px;
                display: none;
            }
            .shangwu {
                right: 28px;
            }
            .shangwu2 {
                left: -10px;
            }
            .shangwu3 {
                left: 32px;
            }
        }
    }
}

//合作伙伴
//@media screen and (max-width:768px) {
//  .Layabox-web .layabox-hezuo {
//      width: 100%;
//      .fenlie {
//          width: 100%;
//          text-align: left;
//          img {
//              width: 100%;
//          }
//      }
//  }
//}

//精彩游戏
//@media screen and (max-width:768px) {
//  .Layabox-web .layabox-youxi {
//      width: 100%;
//      .row {
//          width: 100%;
//          span:first-child {
//              font-size: 20px;
//              margin-left: 28px;
//          }
//          .vide {
//              margin-left: 16px;
//              margin-bottom: 20px;
//          }
//          .IImg {
//              margin-left: 15px;
//          }
//      }
//      .col-sm-7 {
//          text-align: center;
//      }
//  }
//}

//layabox引擎
@media screen and (min-width:320px) and (max-width:991px) {
    .Layabox-web .layaflash {
        padding-left: 5%;
    }
    //  
}

@media screen and (max-width:375px) {
    .layaflash .col-md-8 .yq_title {
        h1 {
            font-size: 30px;
        }
        p {
            font-size: 20px;
        }
    }
}


@media screen and (max-width:320px) {
    .Layabox-web .laya-ascendancy .row .col-sm-7 {
        p {
            font-size: 26px;
            text-align: center;
        }
        .son {
            font-size: 14px;
            margin-bottom: 40px;
            overflow: hidden;
            .son1 {
                margin-right: 0;
                display: inline-block;
            }
            .son2 {
                float: right;
                display: inline-block;
                width: 79%;
                margin-top: -39px;
            }
        }
    }
}



//导航
//导航
@media screen and (max-width:768px) {
    .Layabox-web {
        .daohang {
            .kuan {
                padding: 0;
                margin: 0;
                .con1 {
                    margin: 0;
                    .lian {
                        img {
                            margin-bottom: 5px;
                        }
                    }
                }
            }
            .navbar-nav {
                text-align: left;
            }
        }
        .layabox-foot {
            p {
                margin: 0;
            }
            div:nth-child(2) {
                right: 10px;
            }
        }
    }
    .con {
        margin-top: 55px;
    }
    .Layabox-web .layabox-jiazu {
        width: 100%;
        padding-left: 20px;
        .section {
            width: 100%;
            h3 {
                text-align: left;
            }
        }
        .section .col-sm-12 {
            font-size: 30px;
        }
        .row .col-sm-6 .son1 {
            width: 100%;
            text-align: center;
        }
        .row .col-sm-6 .son2 {
            font-size: 14px;
            width: 100%;
            p {
                text-align: left;
                width: 100%;
            }
        }
    }
    .Layabox-web .laya-ascendancy .row .col-sm-7 {
        p {
            font-size: 26px;
            text-align: center;
        }
        .son {
            font-size: 16px;
            margin-bottom: 40px;
            overflow: hidden;
            .son1 {
                display: inline-block;
            }
            .son2 {
                float: right;
                display: inline-block;
                width: 79%;
                margin-top: 16px;
            }
        }
    }
    .Layabox-web .layabox-youxi {
        width: 100%;
        .row {
            width: 100%;
            span:first-child {
                font-size: 20px;
                margin-left: 28px;
            }
            .vide {
                margin-left: 16px;
                margin-bottom: 20px;
            }
            .IImg {
                margin-left: 15px;
            }
        }
        .col-sm-7 {
            text-align: center;
        }
    }
    .Layabox-web .layabox-hezuo {
        width: 100%;
        .fenlie {
            width: 100%;
            text-align: left;
            img {
                width: 100%;
            }
        }
    }
}


